<template>
  <view class="root">
    <textarea
      v-model="content"
      class="content"
      placeholder="请告诉我们你的意见或建议..."
    />

    <button
      @click="submit"
      hover-class="btn-hover"
      :disabled="!content"
      class="btn-submit"
    >
      提交
    </button>
  </view>
</template>

<script>
  export default {
    data: () => ({ content: null }),
    methods: {
      submit() {
        uni.showToast({
          title: "提交成功！",
          success: () => setTimeout(uni.navigateBack, 1500),
        });
      },
    },
  };
</script>

<style scoped>
  .root {
    padding: 30px 30rpx;
  }
  .content {
    width: auto;
    border: 1rpx solid #ddd;
    padding: 30rpx;
    border-radius: 9px;
    font-size: 30rpx;
  }
  .btn-submit {
    width: 80%;
    margin-top: 30px;
    font-size: 30rpx;
    color: #fff;
    background-image: linear-gradient(90deg, #8ec5fc, #4388e7);
  }
</style>